<template>
  <mu-card-header :title="userinfo.username" :sub-title="userinfo.mobile">
    <mu-avatar slot="avatar" size="70">
      <img :src="userinfo.userhead" />
    </mu-avatar>
  </mu-card-header>
</template>
    <script>
export default {
  data() {
    return {
      userinfo:{
        userhead:this.$store.state.userinfo.headImage,
        username:this.$store.state.userinfo.userName,
        mobile:this.$store.state.userinfo.mobile,
      },

   

    };
  },
  mounted(){
    console.log(this.$store.state.userinfo)
  }
};
</script>